/************头部**************/
header{
    width: 100%;
    height: 110px;
    background: #f2f3f3;
    .header_{
        width: 981px;
        height: 110px;
        margin: 0 auto;
       
        //top
        .top{
        height: 26px;
                
         a{
             color: #444444;
             font-size: 12px; 
             line-height:26px; 
             display: inline-block;
             width: 65px;
             background: url(/images/2.png) no-repeat 55px center;   
         }
         a:hover{
             color: red;
         }
         a:first-child{
            margin-left: 226px;
         }
         a:nth-child(2){
             width: 88px;
             background: url(/images/2.png) no-repeat 80px center;
         }
         a:last-child{
            background: none;
         }
        }
    //center
     .center{
         height: 57px;
         img{
             float: left;
             width: 136px;
             height: 45px;
             margin-left: 40px;
         }
         form{ 
            float: left;
            margin-left:50px;
            margin-top: 5px;
            position: relative;
             .txt{ 
               background: #f6f6f6;                                        
               border: 1px solid #e0e0e0;
               width: 500px;
               height: 40px; 
               border-radius: 10px;  
             } 
              .btn{
                  width: 60px;
                  height: 30px;
                  border-radius: 5px;
                  background: #777777;
                  color: white;
                  position: relative;
                  top: 2px;
                  left: -75px;
              }
              .suggest{
                  width: 300px;
                  position: absolute;
                  background: white;
                  line-height: 24px;
                  z-index: 999;
                div{
                    width: 300px;
                    height: 24px;
                    border-bottom: 1px dashed;
                }
              }
            }
            //right
         .right{
            margin-top: 10px;
            float: left;
            width: 185px;
            height: 35px;
           
            line-height: 35px;
           a{
               margin-left: 14px;
               color: black;

           }
           a:hover{
            color: red;
            }
           #gowu{
               text-align:right;
               display: inline-block;
               width: 63px;
               background: url(/images/3.png) no-repeat left 2px;
               position: relative;
              #tishi{
                width: 200px;
                height: 50px;
                text-align: center;
                border-top: 2px solid black;
                background: white; 
                left: -140px;
                box-shadow: 3px 3px 3px black;
                z-index: 10;
                display: none;
                position: absolute;
                }
              }
    #gowu:hover{
            #tishi{
                  display: block;
                  color: black;
                  line-height: 50px;
               }
               }
          
          }  
         }

        //bottom
         .bottom{ 
             height: 27px;             
             .btm{
                position: absolute;
                float: left;
                height: 23px;   
                width: 200px;
                border-top-left-radius:5px; 
                border-top-right-radius:5px; 
                background: #464646;
                color:white;               
               span{                
                   line-height: 23px;
                   margin-left: 45px;
                   text-align: center;
                   display: inline-block;
                   letter-spacing: 20px;
               } 
               
               ul{
                   position: relative;
                   box-sizing: border-box;
                   width: 200px;
                   height: 246px;
                   border: 1px solid black;
                   border-bottom-left-radius:5px; 
                   border-bottom-right-radius:5px; 
                   background: white;
                   display: none;
                li{
                    box-sizing: border-box;
                    width: 184px;
                    height: 30px;
                    border-bottom: 1px solid #eeeeee;
                    line-height: 30px;
                    margin-left: 7px;
                    padding-left: 12px;
                    a{
                        color: black;
                    }
                    
                }
               
                li:last-child{
                    background: #f0f0f0;
                    border-radius: 5px;
                } 
                li:hover{
                    background: #464646;
                    a{
                        color: white;
                    }
                }   
               }
               
             }
 .btm:hover{
                #menu{
                    display: block;
                }
            }
             p{
                 margin-left: 200px;
                a{
                    margin-left: 20px;
                    color: #444444;
                }
                a:hover{
                    color: red;
                }
             }  
         }
     }

}
  /************尾部**************/ 
footer{
    width: 100%;
    height: 250px;
    border-top: 1px solid #e4e4e4; 
    background: #f8f8f8;

    .footer_{
        width: 981px;
        height: 250px;
        margin: 0 auto;
     .left{
         float: left;
          width: 699px;
          
        p{
            margin-top: 23px;
            width: 12px;
            float: right;
        }
        .btm{
            width: 625px;
            margin-top: 54px;
            display: flex;
            justify-content:space-between;
            dl{                    
                dt{
                    font-weight: 600;
                    width: 68px;                
                    font-size: 16px;
                    margin-bottom: 8px;
                    a{
                        color: #888888;
                    }
                }
                dd{
                   line-height: 25px;
                   a{
                       color: #888888;
                   }
                }
            }
        }
        .p_ft{
            width: 200px;
            margin-right: 140px;
         }
     }
     //right
     .right{
         float: left;
         width: 282px;   
         text-align: center;  
         p{
            margin-top: 20px;
         }           
         .right_top{
             h3{
                 display: block;
                 padding-top: 28px;
                 text-align: left;
                 margin-left: 53px;
                }
                background:#f3f3f3;
                margin-top: 23px;
                height: 100px;
             }
        }
    }
    
}


